<template>
  <div>
    这是sync----父组件{{ num }}---{{ num2 }}
    <hr>
    <Son
      :aa="num"
      :bb="num2"
      @update:aa="val =>num=val"
      @update:bb="val =>num2=val"
    />
    <!-- sync是一个语法糖： 作用实现父子组件数据的双向绑定
    语法xxx.sync="变量"
    和model的区别是
    v-model只能绑定一次
    sync可以绑定多次-->
    <hr>
    <Son
      :aa.sync="num"
      :bb.sync="num2"
    />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  }
}
</script>

<style>

</style>
